<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>提交预约</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weui.css" />
    <link rel="stylesheet" href="/lobsteruiframe/weui/css/weuix.css" />
    <script src="/lobsteruiframe/weui/js/zepto.min.js"></script>
    <script src="/lobsteruiframe/weui/js/zepto.weui.js"></script>
    <script src="/lobsteruiframe/weui/js/swipe.js"></script>
    <script src="/lobsteruiframe/weui/js/macy.js"></script>
    <script src="/jslib/lobster.js"></script>
    <script src="/jslib/template-web.js"></script>

    <script src="../js/sure.js"></script>

    <style>
        .menu-left,
        .menu-right {
            position: fixed;
            left: 0;
            top: 44px;
            bottom: 0;
            overflow-y: scroll;
        }

        .menu-right #loading {
            left: 11px;
            top: 44px;
        }

        .menu-left {
            background: #F6F6F9;
        }

        .menu-left ul li {
            box-sizing: border-box;
            /* font-size: 12px; */
            color: #333;
            min-width: 76px;
            max-width: 120px;
            height: 42px;
            line-height: 42px;
            text-align: center;
            
        }

        .menu-left ul li.active {
            background: #fff;
            position: relative;
            
        }

        .menu-left ul li.active:before {
            content: " ";
            position: absolute;
            display: block;
            width: 2px;
            height: 100%;
            background: #07c160;
            top: 0;
            left: 0;
        }
    </style>
</head>

<body ontouchstart>
    <div class="page-hd">
        <h1 class="page-hd-title">
            提交预约
        </h1>
        <p class="page-hd-desc"></p>
    </div>
    <div class="page-bd">
        <div class="weui-panel weui-panel_access">
            <div class="weui-panel__bd" id="docdata">

            </div>
        </div>
        <div class="weui-cells" id="record" style="margin-top: 0;">

        </div>

        <div class="weui-cells__title">选择就诊人</div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd" id="patiengdiv">
                    <p id="selectedPatient">选择就诊人</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>
        <div class="weui-cells">
            <a href="javascript:;" class="weui-btn weui-btn_primary" id="register" style="margin-left:15px;margin-right:15px;">提交预约</a>
        </div>
    </div>
    <div id="half" class='weui-popup__container popup-bottom'>
        <div class="weui-popup__overlay"></div>
        <div class="weui-popup__modal">
            <div class="toolbar">
                <div class="toolbar-inner">
                    <a href="javascript:;" class="picker-button close-popup">关闭</a>
                    <h1 class="title">选择就诊人</h1>
                </div>
            </div>
            <div class="modal-content" style="min-height: 300px;">
                <div class="weui-cells weui-cells_form">
                    <div class="weui-cells" id="sidebaritem">

                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>

<script type="text/template" id="tplrecord">
    <div class="weui-media-box weui-media-box_appmsg">
        <div class="weui-media-box__hd">
            <img class="weui-media-box__thumb" src="{{HeadImg || '../images/doc_chat.png'}}" alt="">
        </div>
        <div class="weui-media-box__bd">
            <h4 class="weui-media-box__title">{{DocName}}</h4>
            <p class="weui-media-box__desc">{{DeptName}}</p>
        </div>
    </div> 
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <p>就诊科室：</p>
        </div>
        <div class="weui-cell__ft">{{DeptName}}</div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <p>就诊日期：</p>
        </div>
        <div class="weui-cell__ft">{{RegDate}}</div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <p>就诊时间：</p>
        </div>
        <div class="weui-cell__ft">{{StartTime}}-{{EndTime}}</div>
    </div>
    <div class="weui-cell">
        <div class="weui-cell__bd">
            <p>费用：</p>
        </div>
        <div class="weui-cell__ft">￥{{RegFee}}</div>
    </div>

</script>

<script id="tplcard" type="text/html">
    {{if(list.length>0)}}
    {{each list }}
    <a class="weui-cell weui-cell_access carditem" href="javascript:;" data-info="{{$value}}" style="padding:6px 15px;">
        <div class="weui-cell__bd">
            <p> {{$value.Name}} : {{$value.IDCard}}</p>
        </div>
    </a>
    {{/each}}

    {{else}}
    <a class="weui-cell weui-cell_access bindcard" href="javascript:;" style="padding:6px 15px;">
        <div class="weui-cell__bd">
            <p style="display: flex; align-items: center;"> 暂无符合要求的卡片，去绑卡</p>
        </div>
    </a>
    {{/if}}
</script>